ul.category-nav {background-color: #ebebeb; margin-bottom: 10px; overflow: auto;}
ul.category-nav > li {padding: 10px 5px; overflow: auto;}
ul.category-nav > li > label {float: left; padding: 0 15px; width: 150px;}
ul.category-nav > li > ul {overflow: auto;}
ul.category-nav > li > ul > li {float: left; padding: 0 10px;}
ul.category-nav > li > ul > li a {color: #3853be;}
ul.category-nav > li > ul > li a:hover {text-decoration: underline;}

p.filter {background-color: #ebebeb; margin-bottom: 10px; padding: 15px;}
p.filter label {font-size: 1.3rem; font-weight: 400; margin-right: 15px;}
p.filter span.filter-name {color: #e70012; font-weight: 600; font-size: 1.3rem; margin-right: 5px;}
p.filter > span.filter-name + span.filter-name:before {content: "、";}

.main {margin-bottom: 10px;}
.main .list .form-group {position: relative; height: 331px; overflow: hidden;}
.main .list .form-group a {border: 1px solid #dddddd; display: block; padding-bottom: 5px; background-color: #ffffff;}
.main .list .form-group img {width: 254px; height: 250px;}
.main .list .form-group p, .main .list .form-group span {padding: 5px; margin: 0;height:36px;}
.main .list .form-group .price {color: #e60213; font-size: 1.5rem;}
.main .list .form-group .price del {color: #656364; font-size: 1rem; margin-left: 15px;}

.product-description {position: relative; overflow: auto; margin-bottom: 10px;}
.product-img {float: left; width: 352px; position: relative;}
.product-img-curr {width: 352px; height: 352px;}
.product-img-curr img {width: 100%; height: 100%;}
.product-info {float: left; width: 503px; padding: 0 30px; margin: 0;}
.product-info h1 {margin: 0;}
.product-img-thumbs {position: relative; overflow: hidden; text-align: center; float: left;}
.product-img-thumbs li {display: inline-block; margin: 0 0 0 5px; padding-top: 8px;}
.product-img-thumbs li a {float: left; position: relative; width: 60px; height: 60px; overflow: hidden;}
.product-img-thumbs li.selected a, .product-img-thumbs li a:hover {border: 2px solid #e60213;}
.product-img-thumbs li a img {width: 100%; height: 100%;}
.product-info-hd h1 {font-size: 1.5rem; font-weight: bold; color: #3a3a3a; line-height: 35px;}
.product-info-panel dl {margin: 5px 0;}
.product-info-panel dd, .product-info-panel dt {color: #9ea196; line-height: 30px;}
.product-info-panel dt {float: left; text-align: left; width: 50px;}
.product-info-panel em.yen, .product-info-panel span.price {font-style: normal;}
.product-info-panel-promo em.yen, .product-info-panel-promo span.price {color: #e60213; font-style: normal;}
.product-info-panel-promo span.price {font-size: 1.7rem;}
.product-info-panel-quantity {overflow: hidden;}
.number-group-addon {background-color: #eeeeee; height: 30px; width: 30px; line-height: 30px; float: left; text-align: center; font-size: 1.5rem; display: inline-block; cursor: pointer; color: #333;}
.product-info-panel-quantity .input-mini {border: 1px solid #eeeeee; width: 50px; text-align: center; float: left; height: 30px; outline: 0;}
.product-info-action {padding: 20px; overflow: auto;}
.product-info-action .btn {width: 180px; height: 50px; padding: 0; line-height: 50px; text-align: center; font-size: 1.5rem; font-weight: 700; float: left; margin-right: 15px;}
.product-info-action .btn.buy {border: 2px solid #d33031; color: #d33031;}
.product-info-action .btn.cart {background-color: #d33031; color: #ffffff;}
.product-info-service {padding: 0 20px; overflow: auto;}
.product-info-service li {float: left; width: 50%;}

.tab-bar {background-color: #eeeeee; width: 100%; line-height: 50px; height: 50px; padding: 0 15px;}
.tab-bar li {float: left; min-width: 50px;}
.tab-bar li a {display: inline-block; padding: 0 20px; font-weight: 600;}
.tab-bar li a.selected {background-color: #d33031; color: #ffffff;}
.tab-bar li em {font-style: normal;}
.tab-panel {padding: 10px; display: none;}
.tab-panel.active {display: block;}

#comment {padding: 20px 10px;}
.comment_level {overflow: auto;}
.comment_level li {float: left; margin-right: 15px;}
label.radio {margin: 0 0 10px 0; display: inline-block; height: 20px; line-height: 20px; cursor: pointer; font-weight: normal;}
label.radio input {margin-left: 0 !important; margin-right: 5px; vertical-align: -1px; position: relative !important;}
label.radio input:checked + span {color: #d33031;}
label.radio em {font-style: normal; margin-left: 5px; color: #bbbbbb; font-weight: normal;}
.comments .hd {background-color: #f2f2f2; padding: 10px; margin-bottom: 10px;}
.comments .hd span {width: 505px; display: inline-block; text-align: center;}
.comments .hd span + span {width: 155px;}
.comments .hd span + span + span {width: 147px;}
.comments .bd > li {padding: 10px; border-bottom: 1px solid #efefef;}
.comments .bd .info span {width: 505px; display: inline-block;}
.comments .bd .info span p span {width: auto;}
.comments .bd .info p.saler {color: #d33031; padding-left: 20px;}
.comments .bd .info span + span {width: 155px; text-align: center; vertical-align: top;}
.comments .bd .info span + span + span {width: 147px; text-align: center; vertical-align: top;}
.comments .bd .img {overflow: auto; margin: 20px 0 10px 0;}
.comments .bd .img li {float: left; margin-right: 15px;}
.comments .bd .img li img {width: 52px; height: 52px;}

.tab-panel .page span {width: auto; min-width: 30px; padding: 0 5px; display: inline-block;}
.tab-panel .page span.current, .tab-panel .page a {background-color: #ebebeb; margin-left: 5px; color: #ffffff; border: 1px solid #bbbbbb; text-align: center; width: 30px; height: 30px; line-height: 30px; display: inline-block; color: #333;}
.tab-panel .page span.current {width: auto; min-width: 30px; padding: 0 5px;}
.tab-panel .page span.current, .tab-panel .page a:hover {background-color: #d6d6d6; color: #000000;}

.main .hot h5 {border-left: #c81622 3px solid; margin-top: 10px; text-indent: 5px;}
.main .hot .form-group {position: relative; width: 100%; overflow: hidden; background-color: #ffffff; padding: 10px;}
.main .hot .form-group > a {display: block; width: 100%; max-height: 260px; overflow: hidden;}
.main .hot .form-group > a > img {width: 100%; height: 100%;}
.main .hot .form-group .info .title {margin-top: 5px; line-height: 30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: block;}
.main .hot .form-group .info .desc {overflow: auto;} 
.main .hot .form-group .info .desc .price {color: #e60213; font-size: 1.3rem; font-weight: bold;}

.center {text-align: center;}